<!-- 班级学生信息 -->
<script setup>
import { ref } from 'vue'

const activeName = ref('first')
</script>

<!-- 班级学生信息 -->
<template>
  <div class="class-stu">
    <HeaderView></HeaderView>
    <el-card class="my-card">
      <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
        <el-tab-pane label="班级管理" name="first">
          <ClassManger></ClassManger>
        </el-tab-pane>
        <el-tab-pane label="学生画像" name="second">
          <StuPortrait></StuPortrait>
        </el-tab-pane>
      </el-tabs>
    </el-card>
  </div>
</template>

<style lang="scss" scoped>
.class-stu {
  height: 100vh;

  .my-card {
    margin: 20px;
  }
}
</style>
